<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<style type="text/css">
ul.rightTools {
	float: right;
	display: block;
}

ul.rightTools li {
	float: left;
	display: block;
	margin-left: 5px
}
</style>
<script type="text/javascript">
	jQuery(function($) {
		$("#deptTree").html(
				getDWZTreeHTML(
					eval('(' + "${deptTree}" + ')'),// data
					"", // pId
					"dept_list.action", // href
					"parentCode", // param
					"dept_jbsxBox",// rel
					""
			).replaceAll("<ul></ul>",""));
		/* $("#deptTree").html(
				getTree(eval('(' + "${deptTree}" + ')'), "").replaceAll(
						"<ul></ul>", "")); */
		
		$("#dept_jbsxBox").loadUrl("dept_list.action",null, function(){
			$("#dept_jbsxBox", navTab.getCurrentPanel()).find("[layoutH]").layoutH();
		});
		
	});
	

	/* function getTree(data, pCode) {
		var tree;
		if (pCode == "") {
			tree = '<ul class="tree treeFolder">';
		} else {
			tree = '<ul>';
		}
		for ( var i in data) {
			if (data[i].pCode == pCode) {
				tree += "<li><a href='dept_list.action?parentCode="
						+ data[i].deptCode + "' target='ajax' rel='dept_jbsxBox'>"
						+ data[i].deptName + "</a>";
				tree += getTree(data, data[i].deptCode);
				tree += "</li>";
			}
		}
		return tree + "</ul>";
	} */
	
	
</script>
<div class="pageContent">
	<div class="tabs">
		<div class="tabsContent">
			<div>
				<div id="deptTree" layoutH="10"
					style="float:left; display:block; overflow:auto; width:240px; border:solid 1px #CCC; line-height:21px; background:#fff">
				</div>

				<div id="dept_jbsxBox" class="unitBox" style="margin-left:246px;">
				
				</div>

			</div>
		</div>
		<div class="tabsFooter">
			<div class="tabsFooterContent"></div>
		</div>
	</div>
</div>
